section.chat-flow {
  align-items: center;
  display: flex;
  font-size: 13px;
  padding: 20px 14px 8px 0;

  & > label {
    color: #999;
    margin-right: 1em;
    min-width: 3.5em;
    text-align: right;
  }
  & > :last-child {
    flex: 1;
  }
}

.flow {
  align-items: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  display: flex;
  padding: 10px 8px;
  & > svg {
    height: 36px;
    margin-right: 12px;
    width: 36px;
  }
  .name {
    flex: 1;
  }
  .status {
    color: #999;
  }
  .actions {
    margin-left: 8px;
  }
  .actions :global(.anticon) {
    cursor: pointer;
    font-size: 20px;
    margin-left: 12px;
  }
  .show-records:hover {
    color: #1890ff;
  }
  .remove:hover {
    color: red;
  }
}
